<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, min imum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>我的购物车-小米商城</title>
    <link rel="icon" href="./img/PC端图片/首页/logo-mi2.png">
    <link rel="stylesheet" href="./css/index-shopping.css">
    <script>
       
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 1080) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));
  
    </script>
    
</head>

<body>
    <!-- 导航 -->
    <nav>
        <div class="nav-1">
            <img src="./img/PC端图片/首页/logo-mi2.png" alt="">
            <h2>我的购物车</h2>
            <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
            <a href="">姓名
                <ul class="nane">
                    <li>个人中心</li>
                    <li>个人中心</li>
                    <li>个人中心</li>
                    <li>个人中心</li>
                    <li>个人中心</li>

                </ul>

            </a>|
            <a href="">我的订单</a>
        </div>
        
       
    </nav>
   <!-- neirong -->
   <div class="main">
        <div class="main-1">
            <input type="checkbox">
            <span>全选</span>
            <div>商品名称</div>
            <div>单价</div>
            <div>数量</div>
            <div>小计</div>
            <div>操作</div>
        </div>
        <div class="main-2">
            <div class="main-2-1">
                <input type="checkbox">
                <img src="./img/PC端图片/首页/SHOUJI.webp" alt="">
                <a href="">Redmi 9A 4GB+64GB 砂石黑</a>
                <div>599元</div>
                <img src="./img/PC端图片/首页/tupian----1111.png" alt="">
                <div>599元</div>
                <img src="./img/PC端图片/首页/cha.png" alt="">
            </div>
            <div class="main-2-2">
                <img src="./img/PC端图片/首页/jiahao.png" alt="">
                <span>意外保险服务99元</span>
                <span>(意外免费修)   了解意外保护></span>
            </div>
            <div class="main-2-2">
                <img src="./img/PC端图片/首页/jiahao.png" alt="">
                <span>意外保险服务99元</span>
                <span>(意外免费修)   了解意外保护></span>
            </div>
            <div class="main-2-2">
                <img src="./img/PC端图片/首页/jiahao.png" alt="">
                <span>意外保险服务99元</span>
                <span>(意外免费修)   了解意外保护></span>
            </div>
            <div class="main-2-2">
                <img src="./img/PC端图片/首页/jiahao.png" alt="">
                <span>意外保险服务99元</span>
                <span>(意外免费修)   了解意外保护></span>
            </div>
            <div class="main-2-2">
                <img src="./img/PC端图片/首页/jiahao.png" alt="">
                <span>意外保险服务99元</span>
                <span>(意外免费修)   了解意外保护></span>
            </div>
            <div class="main-2-2">
                <img src="./img/PC端图片/首页/jiahao.png" alt="">
                <span>意外保险服务99元</span>
                <span>(意外免费修)   了解意外保护></span>
            </div>
            <div class="main-2-2">
                <img src="./img/PC端图片/首页/jiahao.png" alt="">
                <span>意外保险服务99元</span>
                <span>(意外免费修)   了解意外保护></span>
            </div>
           

        </div>

        <div class="main-3">
            <div class="main-2-1">
                <input type="checkbox">
                <img src="./img/PC端图片/首页/SHOUJI.webp" alt="">
                <a href="">Redmi 9A 4GB+64GB 砂石黑</a>
                <div>599元</div>
                <img src="./img/PC端图片/首页/tupian----1111.png" alt="">
                <div>599元</div>
                <img src="./img/PC端图片/首页/cha.png" alt="">
            </div>
        </div>

        <div class="fenge"></div>



        <div class="jiesuan">
            <div>继续购物</div>|
            <div>共两件商品，已选择两件</div>
            <span>合计699元</span>
            <div>去结算</div>

        </div>


        <div class="title-1">
            <span>买购物车中的商品还买了</span>
        </div>


        <div class="main-4">
            <div class="box1">
                <img src="./img/PC端图片/首页/shexiangtou.webp" alt="">
                <div><h6>小米聚能写中性笔10智装</h6>
                </div>
                <div><span>99元</span></div>
                <p>145万人好评</p>
            </div>
            <div class="box1">
                <img src="./img/PC端图片/首页/shexiangtou.webp" alt="">
                <div><h6>小米聚能写中性笔10智装</h6>
                </div>
                <div><span>99元</span></div>
                <p>145万人好评</p>
            </div>
            <div class="box1">
                <img src="./img/PC端图片/首页/shexiangtou.webp" alt="">
                <div><h6>小米聚能写中性笔10智装</h6>
                </div>
                <div><span>99元</span></div>
                <p>145万人好评</p>
            </div>
            <div class="box1">
                <img src="./img/PC端图片/首页/shexiangtou.webp" alt="">
                <div><h6>小米聚能写中性笔10智装</h6>
                </div>
                <div><span>99元</span></div>
                <p>145万人好评</p>
            </div>
            <div class="box1">
                <img src="./img/PC端图片/首页/shexiangtou.webp" alt="">
                <div><h6>小米聚能写中性笔10智装</h6>
                </div>
                <div><span>99元</span></div>
                <p>145万人好评</p>
            </div>
        </div>




        <div class="fenge"></div>
        <div class="main-4">
            <div class="box1">
                <img src="./img/PC端图片/首页/shexiangtou.webp" alt="">
                <div><h6>小米聚能写中性笔10智装</h6>
                </div>
                <div><span>99元</span></div>
                <p>145万人好评</p>
            </div>
            <div class="box1">
                <img src="./img/PC端图片/首页/shexiangtou.webp" alt="">
                <div><h6>小米聚能写中性笔10智装</h6>
                </div>
                <div><span>99元</span></div>
                <p>145万人好评</p>
            </div>
            <div class="box1">
                <img src="./img/PC端图片/首页/shexiangtou.webp" alt="">
                <div><h6>小米聚能写中性笔10智装</h6>
                </div>
                <div><span>99元</span></div>
                <p>145万人好评</p>
            </div>
            <div class="box1">
                <img src="./img/PC端图片/首页/shexiangtou.webp" alt="">
                <div><h6>小米聚能写中性笔10智装</h6>
                </div>
                <div><span>99元</span></div>
                <p>145万人好评</p>
            </div>
            <div class="box1">
                <img src="./img/PC端图片/首页/shexiangtou.webp" alt="">
                <div><h6>小米聚能写中性笔10智装</h6>
                </div>
                <div><span>99元</span></div>
                <p>145万人好评</p>
            </div>
        </div>
        
        
           
       




   </div>
 













    <!-- 尾部 -->
    <footer>

        <div class="f1">
            <div class="f11">
                <img src="./img/PC端图片/首页/扳手.png" alt="">
                <span>预约维修服务</span>
                
            </div>
            <div class="f11">
                <img src="./img/PC端图片/首页/扳手.png" alt="">
                <span>预约维修服务</span>
                
            </div>
            <div class="f11">
                <img src="./img/PC端图片/首页/扳手.png" alt="">
                <span>预约维修服务</span>
                
            </div>
            <div class="f11">
                <img src="./img/PC端图片/首页/扳手.png" alt="">
                <span>预约维修服务</span>
                
            </div>
            <div class="f11">
                <img src="./img/PC端图片/首页/扳手.png" alt="">
                <span>预约维修服务</span>
                
            </div>
        </div>




        <div class="f2">
            <div class="f2-l">
                <ul>
                    <li>帮助中心</li>
                    <li>账户管理</li>
                    <li>上课哈哈</li>
                    <li>卡的好看</li>
                </ul>
                <ul>
                    <li>帮助中心</li>
                    <li>账户管理</li>
                    <li>上课哈哈</li>
                    <li>卡的好看</li>
                </ul>
                <ul>
                    <li>帮助中心</li>
                    <li>账户管理</li>
                    <li>上课哈哈</li>
                    <li>卡的好看</li>
                </ul>
                <ul>
                    <li>帮助中心</li>
                    <li>账户管理</li>
                    <li>上课哈哈</li>
                    <li>卡的好看</li>
                </ul>
                <ul>
                    <li>帮助中心</li>
                    <li>账户管理</li>
                    <li>上课哈哈</li>
                    <li>卡的好看</li>
                </ul>
                <ul>
                    <li>帮助中心</li>
                    <li>账户管理</li>
                    <li>上课哈哈</li>
                    <li>卡的好看</li>
                </ul>
            </div>
            <div class="f2-r">
                <img src="./img/PC端图片/首页/tuxiang-1.png" alt="">
            </div>

        </div>
        
    </footer>
    <div class="f3">
        <div class="f3-1">
            <img src="./img/PC端图片/首页/logo-mi2.png" alt="">
            <div class="f311">
                <p>
                    <span>小米商城</span>| <span>MIUI</span> | <span>米家</span> |<span> 米聊</span> | <span>多看</span> | <span>游戏</span> | <span>政企服务</span> | <span>小米天猫店</span> | <span>小米集团隐私政策</span> | <span>小米公司儿童信息保护规则</span> | <span>小米商城隐私政策</span> | <span>小米商城用户协议</span> | <span>问题反馈</span> | <span>Select Location</span>
                </p>
                    
                    <p> <span>北京互联网法院法律服务工作站</span> | <span>中国消费者协会</span> | <span>北京市消费者协会</span></p>  
                    <p> © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
                    <p>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p>
                    <p>增值电信业务许可证 网络食品经营备案 京食药网食备202010048   食品经营许可证</p>
                    <p>
                    
                    
                    
                    违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                    <div class="pic-111">
                        <img src="./img/PC端图片/首页/yinsi.png" alt="">
                        <img src="./img/PC端图片/首页/yinsi.png" alt="">
                        <img src="./img/PC端图片/首页/yinsi.png" alt="">
                        <img src="./img/PC端图片/首页/yinsi.png" alt="">
                    </div>
                    <div class="f5">
                    <h5>让全球每个人都能享受科技带来的每好生活</h5>
                    </div>
            </div>
        </div>
    </div>

</body>

</html>